import React from 'react';
import { useSelector } from 'react-redux';
import './parting-line.scss'

const PartingLine = React.memo(function Appearance(porps) {
    const reduxData = useSelector(state => {
        return state.Appearance
    })
    return (
        <div className='PartingLine'>
            <div
                style={{
                    width: porps.width || '100%',
                    height: porps.height || '1px'
                }}
                className={
                    porps.backgroundColor || (reduxData.theme == 'light' ? 'f6-background' : 'back8')
                }></div>
        </div>
    );
})
export default PartingLine;